<!DOCTYPE html>
<html>
  <head>
    <!--[if lt IE 7]>
      <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
      <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
    <![endif]-->
    <!--[if lt IE 9]>
      <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
    <![endif]-->
    <script type="text/javascript">
      if (!window.console) console = {log: function() {}};
    </script>
    <link rel=stylesheet href="epht_demo.css" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="snap_demo.js"></script>
  </head>
  
  <body>
    <header>
      <nav>
        <a href="http://oregon-epht-demo.googlecode.com/svn/trunk/snap_demo.html">Oregon SNAP Demo</a>
        <a href="http://oregon-epht-demo.googlecode.com/svn/trunk/seachable_map/index.html">SNAP Retailer Map</a>
        <a href="http://oregon-epht-demo.googlecode.com/svn/trunk/epht_demo.html">Oregon EPHT Demo</a>
        <a href="user.html">User Demo</a>
        <a href="http://oregon-epht-demo.googlecode.com/svn/trunk/slopegraph.html">Power User Demo</a>
        <a href="http://epht.oregon.gov">EPHT Official Site</a>
      </nav>
    </header>
    <section>
      <div>
        <div id="title">Javascript did not run...</div>
        <div style="float:right">
          <a id="explore" href="" target="blank">Explore this dataset</a>
        </div>
      </div>
        <select id = "disease_sets">

        </select>
        <select id = "data_sets">

        </select>
        <select id = "years">

        </select>

      <div id = "wrapper">
        <iframe id = "map" class = "chart" src="" frameborder="0"></iframe>
        <div id="legend">
          <div id="legend_min" class="legend_box"></div><span class = "legend_text">Statistically lower than state</span>
          <div id="legend_avg" class="legend_box"></div><span class = "legend_text">Statistically similar to state</span>
          <div id="legend_max" class="legend_box"></div><span class = "legend_text">Statistically higher than state</span>
        </div>
        <iframe id = 'graph' class = "chart" src="" frameborder="0"  scrolling="no"></iframe>
      </div>
      <iframe id = 'table2' src="" frameborder="0"></iframe>
    </section>
  </body>
</html>
